<nav-bar-panel></nav-bar-panel>
<div class="content container">
    <!--<ul class="nav nav-pills" style="width: 100%;">-->
    <!--<li role="presentation" class="m-nav-item" style="width: 50px;">-->
    <!--<a ng-click="goToBack()">-->
    <!--<span class="glyphicon glyphicon-chevron-left"></span>-->
    <!--</a>-->
    <!--</li>-->
    <!--<li class="m-nav-item" role="presentation" style="text-align: center;width: calc(100% - 90px)">-->
    <!--<a href="javascript: void(0)" ng-if="!isHotest">{{category.name}}(分类名)</a>-->
    <!--<a href="javascript: void(0)" ng-if="isHotest">热门商店</a>-->
    <!--</li>-->
    <!--</ul>-->
    <div class="nav nav-pills div-nav">
        <div class="m-nav-item" style="width: 50px;text-align: center;
    margin-top: 7px;">
            <a href="#/home">
                <span class="nav-back-icon"></span>
                <!--<span style="font-size: 12px;">首页</span>-->
            </a>
        </div>
        <div class="m-nav-item m-nav-second-final-item" role="presentation">
            <a href="javascript: void(0)" class="border-nav-title" ng-if="!isHotest">{{category.name}}</a>
            <a href="javascript: void(0)" class="border-nav-title" ng-if="isHotest">热门商店</a>
        </div>
    </div>
    <div style="display: block; width: 100%; padding: 5px 2px; background: white;">
        <input type="search" class="inline-search-input"
               style="width: calc(100% - 3em); display: inline-block;  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;"
               ng-model="searchKeyword" placeholder="搜店铺、找优惠">
        <span class="glyphicon glyphicon-search"
              style="font-size: 1.7em; vertical-align: middle; display: inline-block; color: #988E8E;"
              ng-click="searchShops(searchKeyword); searchKeyword=''"></span>
        <!--<button type="button" class="btn btn-primary btn-xs inline-search-btn"-->
        <!--ng-click="searchShops(searchKeyword); searchKeyword=''">搜索商家-->
        <!--</button>-->
    </div>
    <div style="padding-bottom: 8px; padding-top: 8px; max-width: 100%; display: none;">
        <span>店铺分类</span>
        <span ng-repeat="category in displayCategories" style="padding: 0 10px;">
            <a ng-if="category.id!==categoryId"
               href="#/category/{{category.id}}"
               class="">{{category.name}}</a>
            <a ng-if="category.id===categoryId"
               href="#/category/{{category.id}}"
               class="label label-info">{{category.name}}</a>
        </span>
        <a href="#/categories">...</a>
    </div>
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="row hotests-shops-preview-panel" style="margin-top: -34px;">
                <div ng-repeat="shop in shops" class="m3-item-panel"
                     ng-include="'/wechatshop/static/views/shop-list-item-tmpl.html'">
                    <!--<a href="#/shop/{{shop.id}}">-->
                    <!--<img ng-src="{{shop.logoUrl}}" alt="" style="width: 80px; height: 80px" class="img-thumbnail"/>-->
                    <!--<h4 class="limit-line inline-name" style="position: absolute;-->
                    <!--left: 85px;-->
                    <!--top: 10px;">{{shop.name}}</h4>-->
                    <!--<rating ng-model="shop.rating" max="5" readonly="true" class="inline-rating"></rating>-->
                    <!--<span class="limit-line inline-description">{{shop.description | plain | to_trusted}}&nbsp;&nbsp;{{shop.category.name}}</span>-->
                    <!--<span class="limit-line inline-address" ng-bind="shop.address"></span>-->
                    <!--</a>-->
                </div>
            </div>
        </div>
    </div>
    <!--<div class="list-group shop-list-group common-list-group">-->
    <!--<a href="#/shop/{{shop.id}}" class="list-group-item shop-list-item common-list-item" ng-repeat="shop in shops">-->
    <!--<span class="badge">{{shop.shopCommentCount}}条评论</span>-->

    <!--<div>-->
    <!--<span class="shop-name name limit-line"-->
    <!--style="font-size: 16px; position: absolute; left: 100px; top: 20px">{{shop.name}}</span>-->
    <!--<br/>-->
    <!--<img ng-src="{{shop.logoUrl}}" style="width: 80px; height: 80px" class="img-thumbnail"/>-->
    <!--<span class="limit-line shop-description description"-->
    <!--style="position: absolute; top: 42px; left: 100px;"-->
    <!--ng-bind-html="shop.description | to_trusted"></span>-->
    <!--<span class="glyphicon glyphicon-list"-->
    <!--style="float: right; position: absolute; top: 74px; right: 10px;">点击获得更多优惠信息</span>-->
    <!--</div>-->
    <!--</a>-->
    <!--</div>-->
    <div class="m-pager" ng-if="!isHotest">
        <button class="glyphicon glyphicon-triangle-left"
                ng-show="shopsPage>1"
                ng-click="showPrevPageShops()">
        </button>
        <span>第{{shopsPage}}/{{shopsPagesCount()}}页</span>
        <button class="glyphicon glyphicon-triangle-right"
                ng-show="shopsTotal > shopsPage * pageSize"
                ng-click="showNextPageShops()">
        </button>
    </div>
    <div class="top-bottom-ctrl-panel">
        <span class="ctrl-up" ng-click="goToTop()"></span>
        <!--<span class="glyphicon glyphicon-menu-down ctrl-down" ng-click="goToBottom()"></span>-->
    </div>
</div>
<footer-bar-panel></footer-bar-panel>